.contactViewDetail-container {
    position: relative;
}

.contactViewDetail-header { padding: 0 1em }

.contactViewDetail-group {
    position: relative;
    margin: 1rem;
    padding: 1rem;
    border: 1px solid rgba(172,176,191,.3);
    border-radius: 3px;
}

.contactViewDetail-group.contactViewDetail-isFree {
    padding: 3rem 1rem
}

.contactViewDetail-signed-icon {
    position: absolute;
    margin: 0 auto;
    top: -9px;
    left: 0;
    right: 0;
    width: 20px;
    border-right: 2px solid $white;
    border-left: 2px solid $white;
    display: block;
    background: $white;
    text-align: center;
    fill: $primary;
    color: darken($primary, 10);
}

.contactViewDetail-list {
    margin: 1rem 0 0;
    padding: 0;
}

.contactViewDetail-item {
    display: flex;
}

.contactViewDetail-item[data-field="email"] {
    align-items: center;
}

.contactViewDetail-list + .contactViewDetail-list { margin-top: 1.3rem; }
.contactViewDetail-item + .contactViewDetail-item {
    margin-top: 1rem;
}

/* We don't want to display more than one name #7485 + #6522 */
.contactViewDetail-item[data-type="fn"] + [data-type="fn"] { display: none }

.contactViewDetail-icon {
    min-width: 50px;
    text-align: center;
}

.contactViewDetail-type {
    flex: 0 0 20%;
    max-width: 250px;
}

.contactViewDetail-item:not(.contactViewDetail-item-start) {
    .contactViewDetail-icon { visibility: hidden; }
}

.appConfigBody-is-mobile {
    .contactViewDetail-container,
    .contactViewDetail-content { height: 100%; }
    .contactViewDetail-content { overflow-y: auto; }
}


/* verification error display */
.contactViewDetail-container:not([class*="contactErrorType-"]) .contactError-container,
.contactViewDetail-group[data-type="encrypted"] .contactError-item-verification,
.contactViewDetail-group[data-type="clear"] .contactError-item-encrypted {
    display: none
}
.contactViewDetail-container[class*="contactErrorType-"] .contactViewDetail-group {
    border-color: $exp;
}
.contactViewDetail-container[class*="contactErrorType-"] .contactViewDetail-group .contactViewDetail-signed-icon {
    color: $exp;
    fill: lighten($exp, 10%);
}

.contactViewDetail-loadRemoteImage .contactViewItem-value-figureBtn {
    display: none
}
